/**
 * 定位工具类
 *
 * 定位类型类：
 * [relative|absolute|fixed|sticky]
 *
 * 定位位置类：
 * [top|right|bottom|left]-[size]
 * inset-[size]
 *
 * size: 支持的尺寸值
 * - 0: 0
 * - 10: 10rpx
 */

// 定位类型映射
$positions: (
  'relative': relative,
  'absolute': absolute,
  'fixed': fixed,
  'sticky': sticky,
);

// 定位方向映射
$directions: (
  'top': top,
  'right': right,
  'bottom': bottom,
  'left': left,
);

// 定位值映射
$position-values: (
  '0': 0,
  '10': 10rpx,
);

// 生成定位类型类
@each $name, $value in $positions {
  .#{$name} {
    position: $value;
  }
}

// 生成定位位置类
@each $dir, $prop in $directions {
  @each $size, $value in $position-values {
    .#{$dir}-#{$size} {
      #{$prop}: $value;
    }
  }
}

// 生成 inset 类（四个方向相同值）
@each $size, $value in $position-values {
  .inset-#{$size} {
    top: $value;
    right: $value;
    bottom: $value;
    left: $value;
  }
}
